<%@ page language="java" contentType="text/html; charset=UTF-8" pageEncoding="UTF-8"%>
<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core"%>

<!DOCTYPE html>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=IE8" />
<meta http-equiv="Cache-Control" content="No-Cache" />
<meta http-equiv="Pragma" content="No-Cache" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<title></title>
<link rel="stylesheet" type="text/css" href="/resources/theme/metro-green/easyui.css" />
<link rel="stylesheet" type="text/css" href="/resources/theme/icon.css" />
<link rel="stylesheet" type="text/css" href="/resources/css/ui_custom.css" />
<link rel="stylesheet" type="text/css" href="/resources/css/design.css" />
<link rel="stylesheet" type="text/css" href="/resources/css/form.css" />

<!--[if lt IE 9]>
	<script type="text/javascript" src="/resources/js/html5.js"></script>
<![endif]-->
<script type="text/javascript" src="/resources/js/jquery-1.9.1.js"></script>
<script type="text/javascript" src="/resources/js/jquery.easyui.min.js"></script>
<script type="text/javascript" src="/resources/js/jquery.jclock.js"></script>
<script type="text/javascript">
$(document).ready(function() {
	$('#west_collapse').click(function(){
		 $('.layout_center_inwrap').layout('collapse','west'); 
		 $('.layout_center_inwrap>div.panel.layout-expand').attr('title','Open');
	});
	$('.layout_center_inwrap').layout('panel','center').panel({
		onResize:function(){
			step1();
			step2();
		}
	});
	
	//메뉴
	var wi = $(window).width();
    if (wi <= 1024){
    	$('.nav tr td.head_side').css( 'width', '150px');
     }
    else if (wi <= 1440){
    	$('.nav tr td.head_side').css( 'width', '250px');
     }
    else if (wi <= 1600){
    	$('.nav tr td.head_side').css( 'width', '300px');
     }
    else if (wi <= 1920){
    	$('.nav tr td.head_side').css( 'width', '400px');
     }
	$(window).resize(function() {
		var wi = $(window).width();
	    if (wi <= 1024){
	    	$('.nav tr td.head_side').css( 'width', '150px');
	     }
	    else if (wi <= 1440){
	    	$('.nav tr td.head_side').css( 'width', '250px');
	     }
	    else if (wi <= 1600){
	    	$('.nav tr td.head_side').css( 'width', '300px');
	     }
	    else if (wi <= 1920){
	    	$('.nav tr td.head_side').css( 'width', '400px');
	     }
	});
});
$(function($) {
	var options1 = {
		format: '%Y.%m.%d' 
	};
	$('#date').jclock(options1);
	var options2 = {
		format: '%H:%M:%S' 
	};
	$('#clock').jclock(options2);
});//시계
</script>
</head>
<body class="easyui-layout">
	<div data-options="region:'north',border:false" class="layout_north">
	
		<div class="wrap_nav">
			<table class="nav">
				<tr>
					<td class="head_logo">
						<img src="/resources/img/logo_header.png" />
						<span>사전심사매뉴얼시스템</span>
					</td>
					<td><a href="/dictionary" class="menu_01">용어사전</a></td>
					<td><a href="#" class="menu_02">레이팅</a></td>
					<td><a href="#" class="menu_03">질문하기</a></td>
					<td><a href="#" class="menu_04">질문이력</a></td>
					<td><a href="#" class="menu_05">간편문의</a></td>
					<td><a href="#" class="menu_06">인수검토</a></td>
					<td><a href="#" class="menu_07">검토이력</a></td>
					<td><a href="#" class="menu_08">건강계산기</a></td>
					<td class="head_side">
						<div>
							<span class="user">${username}</span>
							<%-- <a href="<c:url value="j_spring_security_logout" />" ><span class="logout" title="로그아웃" ></span></a>  --%>
						    <span class="logout" title="로그아웃" onclick="parent.location= '<c:url value="j_spring_security_logout" />'"></span><br /> 
							<%-- <span class="logout" title="로그아웃" onclick="location.href='index.jsp'""<c:url value="/j_spring_security_logout" />"></span><br /> --%>
							<span class="notice" title="공지사항" onclick="location.href='/board_list'">공지사항</span>
							<span class="admin" title="관리" onclick="location.href='/control'">관 리</span>
						</div>
					</td>
				</tr>
			</table>
		</div>
	</div>
	<div data-options="region:'center',border:false" class="layout_center">
		<div class="easyui-layout layout_center_inwrap" data-options="fit:true">